<html>
    <head>
        <script src="jquery.js"></script>
        <script src="jquery.layout.js"></script>
        <script>
            $(document).ready(function () {
                $('body').layout(
                    { 
                        applyDefaultStyles: true
                        ,   togglerLength_open:         200
                        ,   togglerLength_closed:       "100%"
                        ,   north__togglerLength_open:  "100%"
                        ,   south__togglerLength_open:  "100%"                        
                    }
                );
            });
        </script>
    </head>
    <body>
        <div class="ui-layout-center">Center</div>
        <div class="ui-layout-north">North</div>
        <div class="ui-layout-south">South</div>
        <div class="ui-layout-east">East</div>
        <div class="ui-layout-west">West</div>
    </body>
</html>